﻿@model VietTrips.WebUI.Models.RegisterModel
@{
    ViewBag.Title = "Đăng Ký";
    IEnumerable<SelectListItem> provinces = ViewBag.provinces;
}

@section featured {
    <div id="page_title">
        <div class="container clearfix">
            <div class="page-name">@ViewBag.Title</div>
            <div class="breadcrumb clearfix">
                <a href="@Url.Action("Index", "Home")">Trang Chủ</a>
                <span class="current-page">@ViewBag.Title</span>
            </div>
        </div>
    </div>
}

<div class="row clearfix pv-50">
    @using (Html.BeginForm("Register", "Account", FormMethod.Post))
    {
        @Html.AntiForgeryToken()

        <div class="col-xs-12 col-sm-8 col-md-8 xs-mb">
            <div class="white-bg payment-wrapper">

                <h3 class="section-title mt-20">Thông Tin Đăng Nhập</h3>
                <div class="bb2 mb-20"></div>

                <div class="form-horizontal">
                    <div class="form-group">
                        @Html.LabelFor(m => m.UserName, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.TextBoxFor(m => m.UserName, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Tên Truy Cập" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.UserName)</p>
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Password, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.PasswordFor(m => m.Password, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Mật Khẩu" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Password)</p>
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.ConfirmPassword, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.PasswordFor(m => m.ConfirmPassword, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Xác nhận lại mật khẩu" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.ConfirmPassword)</p>
                        </div>
                    </div>
                </div>

                <div class="clear"></div>
                <h3 class="section-title mt-20">Thông Tin Chi Tiết</h3>
                <div class="bb2 mb-20"></div>
                <p>Xin hãy cung cấp những thông tin sau để chúng tôi tiện việc lên lạc khi bạn đặt Tour.</p>
                <div class="form-horizontal">
                    <div class="form-group">
                        @Html.LabelFor(m => m.FullName, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.TextBoxFor(m => m.FullName, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Họ và Tên đầy đủ" } })
                            <span class="help-block">
                                Xin ghi đúng theo CMND hoặc Hộ Chiếu.
                            </span>
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.FullName)</p>
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Email, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.TextBoxFor(m => m.Email, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Địa Chỉ Email" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Email)</p>
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Female, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.DropDownListFor(m => m.Female, new List<SelectListItem>
                        {
                            new SelectListItem() {Text = "Ông", Value = "false"},
                            new SelectListItem() {Text = "Bà", Value = "true"}
                        },
             htmlAttributes: new { @class = "form-control  mySelectBoxClass hasCustomSelect" })
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Phone, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.TextBoxFor(m => m.Phone, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Số Điện Thoại" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Phone)</p>
                        </div>
                    </div>
                    <div class="form-group mt-50">
                        @Html.LabelFor(m => m.Address, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.TextAreaFor(m => m.Address, htmlAttributes: new Dictionary<string, object> { { "class", "form-control" }, { "placeholder", "Địa chỉ liên hệ" }, { "rows", "4" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.Address)</p>
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.City, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            @Html.DropDownListFor(m => m.City, provinces, htmlAttributes: new Dictionary<string, object> { { "class", "form-control  mySelectBoxClass hasCustomSelect" }, { "placeholder", "Tỉnh/ Thành phố" } })
                            <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.City)</p>
                        </div>
                    </div>
                    @if (HttpContext.Current.IsDebuggingEnabled)
                    {
                        <text>
                            <div class="form-group">
                                @Html.LabelFor(m => m.Role, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                                <div class="col-xs-12 col-sm-7 col-md-7">
                                    @Html.DropDownListFor(m => m.Role, new List<SelectListItem> {
                                        new SelectListItem() {Text = "Người dùng thường", Value = "User", Selected = true},
                                        new SelectListItem() {Text = "Admin", Value = "Administrator"},
                                        new SelectListItem() {Text = "Travel Agency", Value = "Agency"},
                                        new SelectListItem() {Text = "Tour Guide", Value = "Tour Guide"}
                                    }, htmlAttributes: new { @class = "form-control  mySelectBoxClass hasCustomSelect" })
                                </div>
                            </div>
                        </text>
                    }
                    <div class="form-group">
                        @Html.LabelFor(m => m.DateOfBirth, htmlAttributes: new Dictionary<string, object> { { "class", "col-xs-12 col-sm-4 col-md-4 control-label label-required" } })
                        <div class="col-xs-12 col-sm-7 col-md-7">
                            <div class="datepicker-wrapper">
                                @Html.TextBoxFor(m => m.DateOfBirth, "{0:dd/MM/yyyy}", htmlAttributes: new Dictionary<string, object> { { "class", "form-control birthDate" }, { "id", "Expiration" }, { "placeholder", "Ngày / tháng / năm" }, { "readonly", "readonly" } })
                                <i class="icon-calendar"></i>
                                <p class="text-danger text-error">@Html.ValidationMessageFor(m => m.DateOfBirth)</p>
                            </div>
                            <span class="help-block">
                                Bạn phải từ 16 tuổi trở lên để có thể giao dịch.
                            </span>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>

                <div class="col-lg-4"></div>
                <div class="col-lg-8">
                    <div class="styled-checkbox mt-30">
                        <div class="required">
                            <input id="agreeTerm" type="checkbox" onclick="enableText(this.checked, 'registerBtn');" />
                            Tôi đồng ý với các <a href="#rule" class="clblue" data-toggle="modal">quy định của VietTrips</a>
                            <!-- BẢNG QUY ĐỊNH VÀ ĐIỀU KHOẢN -->
                            <div aria-hidden="true" aria-labelledby="rule" role="dialog" tabindex="-1" class="modal fade" id="rule" style="display: none;">
                                <!-- MODAL STARTS -->
                                <div class="modal-dialog" style="width: 600px">
                                    <div class="modal-content">

                                        <div class="modal-header">
                                            <!-- modal header -->
                                            <button aria-hidden="true" data-dismiss="modal" class="close" type="button"><i class="fa-info"></i></button>
                                            <h4 class="modal-title">Quy định và Điều Khoản</h4>
                                        </div>

                                        <div class="modal-body">
                                            <div class="form-control" style="width: 100%; padding: 20px; height: 500px; overflow:scroll; ">
                                                <p>Khi thực hiện đặt tour, Quý Khách cần phải thỏa mãn những điều kiện sau:</p>
                                                <ol>
                                                    <li><strong>Độ tuổi</strong> : Quý Khách phải từ 18 tuổi trở lên mới được phép tham gia đặt tour trên trang web.</li>
                                                    <li>
                                                        <strong>Thanh toán</strong>: Quý Khách thanh toán tiền đặt tour trên trang web bằng 1 trong 2 cách sau:
                                                        <ul>
                                                            <li>
                                                                Thanh toán chuyển khoản thông qua ví điện tử Ngân Lương, Bảo Kim: tại thời điểm Quý Khách đồng ý thanh toán tiền đặt Tour qua chuyển khoản tại máy ATM hoặc chuyển khoản trực tuyến.
                                                                Tổng chi phí (thông tin đính kèm) sẽ được thông báo tại trang đặt Tour trước khi Quý Khách nhấn nút “Hoàn Tất”
                                                            </li>
                                                            <li>Tiền mặt: tại thời điểm đặt Tour, Quý Khách đồng ý đặt cọc tiền Tour cho chúng tôi trên trang web bằng cách gọi điện thoại hay chuyển khoản tới các tài khoản ngân hàng được cung cấp khi quý khách đặt phòng; hay thanh toán bằng tiền mặt tại văn phòng <strong>VietTrips.com.vn</strong> trong vòng 24h từ lúc thực hiện giao dịch.</li>
                                                            <li>Thanh toán bằng thẻ VISA/Master: tại thời điểm Quý Khách đồng ý thanh toán tiền đặt Tour bằng thẻ của mình. Tổng chi phí (thông tin đính kèm) sẽ được thông báo tại trang đặt Tour trước khi Quý Khách nhấn nút “Thanh Toán”.</li>
                                                        </ul>
                                                    </li>
                                                    <li><strong>Xác nhận thông tin đặt Tour</strong>: Những thông tin đặt Tour sẽ được xác nhận lần cuối cùng khi chúng tôi gửi email cho Quý Khách để xác nhận thông tin đặt Tour .</li>
                                                    <li>Thông tin xác nhận lần cuối cùng chính xác là lúc Quý Khách đã thực hiện thanh toán tiền đặt Tour. Ngược lại, việc đặt Tour của Quý Khách có thể bị hủy bỏ nếu Quý Khách không thực hiện thanh toán trong vòng 24 giờ tính từ lúc đặt phòng trên trang <strong>VietTrips.com.vn</strong>. Chúng tôi không thể chắc chắn bất kỳ thông tin đặt Tour nào cho đến khi chúng tôi gửi email xác nhận lần cuối.</li>
                                                    <li>
                                                        <strong>Thực hiện thay đổi cho thông tin đặt tour</strong>: Nếu Quý Khách muốn thay đổi thông tin đặt tour, vui lòng liên hệ Bộ Phận Chăm Sóc Khách Hàng qua số điện thoại <strong>1900 6068</strong>. Chúng tôi sẽ cố gắng để hỗ trợ Quý Khách một cách tốt nhất, tuy nhiên chúng tôi không đảm bảo mọi yêu cầu thay đổi sẽ được thực hiện. Xin xem những thông tin ghi chú sau:
                                                        <ul>
                                                            <li>Những tour đặt tại một số dịch vụ lữ hành, trong một thời điểm cụ thể, hoặc những loại tour được đặt ở dạng đảm bảo là không thể hủy hoặc thay đổi, và những thông tin này được thể hiện trên trang đặt tour hoặc chi tiết tour của công ty lữ hành (xem chính sách hủy Tour), quý vị nên xem thông tin này trước khi thực hiện việc đặt tour.</li>
                                                            <li>Nếu việc thực hiện hủy tour không thành công hoặc Quý Khách không thực hiện việc nhận vé và thông tin tour đúng thời hạn so với đơn đặt tour, Quý Khách sẽ phải thanh toán toàn bộ chi phí cho đơn đặt tour đó.</li>
                                                        </ul>
                                                    </li>
                                                    <li><strong>Những yêu cầu đăng ký</strong>: Chúng tôi không cung cấp thông tin chi tiết thẻ tín dụng của Quý Khách cho bất kỳ nhà cung cấp phòng nào và Quý Khách có thể được yêu cầu cung cấp thông tin có trên thẻ và chữ ký chủ thẻ tương ứng cho mục đích bảo đảm về các khoản phí phát sinh, nếu có. Người đăng ký phải từ 18 tuổi, để xác nhận thông tin khách hàng, nhân viên khách sạn sẽ yêu cầu trình bày giấy CMND hoặc hộ chiếu (passport) để đảm bảo thông tin khi đặt phòng là chính xác.<br> Ngoài ra, để hạn chế việc sử dụng thẻ tín dụng giả mạo, nhà cung cấp phòng có thể sẽ yêu cầu Quý Khách bổ sung giấy CMND hoặc hộ chiếu (passport) khi đặt phòng để xác nhận chủ thẻ. Một bản lưu của thẻ tín dụng / CMND hoặc hộ chiếu (passport) của Quý Khách cũng có thể được nhà cung cấp phòng giữ lại với mục đích loại trừ thẻ giả mạo, xác nhận nơi cấp thẻ tín dụng, trong trường hợp xảy ra sự cố. Những thông tin này có thể sẽ được nhân viên khách sạn cung cấp cho chúng tôi.</li>
                                                    <li><strong>Thông tin trang web</strong>: Chúng tôi nỗ lực cam kết tất cả thông tin chính xác sẽ được hiển thị trên trang web, tuy nhiên xin lưu ý các thông tin cũng được chỉnh sửa từ nhà cung cấp phòng, do đó chúng tôi không đảm bảo được những tất cả thông tin trên là chính xác hoàn toàn hoặc không có bất kỳ lỗi nào.Chúng tôi bảo lưu quyền thay đổi thông tin hiển thị trên trang web (bao gồm Điều khoản và Điều kiện này ) bất kỳ thời điểm nào mà không phải báo trước.</li>
                                                    <li><strong>Trách nhiệm</strong>: Những qui định hay giới hạn được miễn trừ: Chúng tôi sẽ không chịu trách nhiệm với bất kỳ thiệt hại, mất mát, trách nhiệm, khiếu nại hoặc khoản phí nào (bao gồm những nguyên nhân sau: sự bất cẩn gây hậu quả trực tiếp hay gián tiếp gây ra) được phát sinh từ trang web chúng tôi liên quan đến những sản phẩm hay những dịch vụ được thực hiện trên trang này.<br> Chúng tôi không bảo đảm hay là người đại diện cho những sản phẩm phòng ở hay dịch vụ nào trên trang web hoặc các trang kết nối. Ở đây trách nhiệm của chúng tôi chỉ cho phép thực hiện việc đặt phòng . Chúng tôi cam kết cho thuê phòng còn trống được cung cấp bởi các khách sạn thành viên, và không cho bán số phòng nhiều hơn số phòng chúng tôi có (chúng tôi không chịu trách nhiệm với lý do không có phòng trống vì khách sạn đã cho thuê vượt quá số phòng).</li>
                                                    <li>
                                                        <strong>Mức độ công bằng</strong>: Chúng tôi luôn mong muốn giải quyết những đề xuất hoặc thắc mắc một cách nhanh chóng và công bằng nhất.
                                                        Mọi ý kiến đóng góp xin gửi về Bộ Phận Chăm Sóc Khách Hàng, Lầu 1, Innovation Building, Công Viên Phần Mềm Quan Trung, Quận 12, Tp.Hồ Chí Minh; Điện thoại <strong>1900 6068</strong>, hoặc gửi qua địa chỉ email <a href="mailto:info@VietTrips.com.vn"><strong>info@VietTrips.com.vn</strong></a>
                                                    </li>
                                                    <li><strong>Bản quyền</strong>: Những hình ảnh và nội dung trên <strong>VietTrips.com.vn</strong>&nbsp;là không được phép sao chép hoặc được sử dụng lại với bất kỳ phiên bản nào khác mà chỉ được sử dụng trên trang web của chúng tôi.</li>
                                                </ol>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="styled-checkbox mt-10">
                        <label>
                            <input type="checkbox" name="optionsCheckbox" id="optionsCheckbox1" value="option1" />
                            Tôi muốn đăng ký nhận email từ VietTrips.
                        </label>
                    </div>
                </div>

                <div class="clear"></div>
                <div class="gap20"></div>
                <div class="form-horizontal">
                    <div class="form-group">
                        <div class="col-lg-4"></div>
                        <div class="col-lg-8">
                            <input id="registerBtn" type="submit" value="Đăng ký" class="btn btn-lg btn-primary col-lg-4" disabled="disabled" />
                            <noscript>
                                <input id="registerBtn" type="submit" value="Đăng ký" class="btn btn-lg btn-primary col-lg-4" />
                            </noscript>
                            <div class="col-lg-1"></div>
                            <input type="reset" value="Xoá" class="btn btn-lg btn-danger col-lg-4" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    }

    <div class="col-xs-12 col-sm-4 col-md-4">
        <div class="sidebar hotel-sidebar">
            <div class="sidebar-item white-bg padding-20 mb-30">
                <div class="summary-payment">
                    <h3>Đăng Ký Ngay Hôm Nay!</h3>
                    <div class="bb2 mb-30"></div>
                    <h4><span class="fa-check-circle text-success" style="font-size: 24px;"> </span>  Đặt Tour Trực Tuyến.</h4>
                    <div class="bb2 mb-30"></div>
                    <h4><span class="fa-check-circle text-success" style="font-size: 24px;"> </span>  Giá Tốt Nhất.</h4>
                    <div class="bb2 mb-30"></div>
                    <h4><span class="fa-check-circle text-success" style="font-size: 24px;"> </span>  Miễn Phí Thanh Toán.</h4>
                    <div class="bb2 mb-30"></div>
                    <h4><span class="fa-check-circle text-success" style="font-size: 24px;"> </span>  Được Hỗ Trợ Tận Tình.</h4>
                </div>
            </div>

            <div class="sidebar-item white-bg padding-20 mb-30">
                <div class="lp-box">
                    <i class="text-info fa-phone-square"></i>
                    <h4>Cần hỗ trợ?</h4>
                </div>
                <p class="mb-10">
                    Có bất kỳ vấn đề gì liên quan đến Đặt Tour hay Đăng ký tài khoản.
                    Xin đừng ngại đặt câu hỏi.
                </p>
                <ul class="help-list">
                    <li><span>Hotline</span>: +1900 9898</li>
                    <li><span>Email</span>: forest.lenny@gmail.com</li>
                    <li><span>Livechat</span>: mryenthanh (Skype)</li>
                </ul>
            </div>

        </div>
    </div>
</div>

@section Scripts {
    <script type="text/javascript">

        $('#agreeTerm').on('ifChecked', function (event) {
            var obj = document.getElementById('registerBtn');
            //Disable the text field
            obj.disabled = false;
        }).on('ifUnchecked', function (event) {
            var obj = document.getElementById('registerBtn');
            //Disable the text field
            obj.disabled = true;
        });

        jQuery(function ($) {
            if ($.validator !== undefined) {
                $.validator.addMethod('date',
                    function (value, element) {
                        if (this.optional(element)) {
                            return true;
                        }

                        var ok = true;
                        try {
                            $.datepicker.parseDate('dd/mm/yy', value);
                        }
                        catch (err) {
                            ok = false;
                        }
                        return ok;
                    });
            }

        });
    </script>
}


